<template>
  <!--  :url="'/subpkg/booking_detail/booking_detail?id={{item.id}}&title={{item.name}}' -->
  <navigator class="booking-item" :url="'/subpkg/booking_detail/booking_detail?id={{item.id}}&title={{item.name}}'">
    
    <!-- 左侧盒子 -->
    <view class="booking-item-left">
      <image class="BImage" :src="item.img"></image>
    </view>
    
    <!-- 右侧盒子 -->
    <view class="booking-item-right">
      <view class="info">
        <text class="booking-title">{{item.name}}</text>
        <text class="pricce">价格：{{item.price}}</text>
        <text>详情：{{item.detail}}</text>
      </view>
    </view>
</navigator>
</template>

<script>
  export default {
    props: {
      item: {
        type: Object,
        default: {
          
        }
      }
    },
    data() {
      return {
        
      };
    },
    
    methods: {
      // gotoDetail(){
      //   if(item.title === '半天陪诊'){
      //     un1 = '/subpkg/booking_detail/booking_detail?id={{item.id}}&title={{item.name}}'
      //   }
      // }
    //   gotoDetail(item) {
    //     // if(item.title === '半天陪诊'){
    //     uni.navigateTo({
    //       un1: '/subpkg/booking_detail/booking_detail'
    //     })
    //   // }
    // }
    }
    // filters: {
    //   tofixed(num) {
    //     return Number(num).toFixed(2)
    //   }
    // }
  }
</script>

<style lang="scss">
.booking-item {
  display: flex;
  padding: 15rpx 8rpx;
  border: 1rpx solid #efefef;
  border-radius: 8rpx;
  margin: 15rpx;
  box-shadow: 1rpx 1rpx 15rpx #ddd;
  
  .booking-item-left {
    margin-right: 25rpx;
    
      .BImage {
        width: 250rpx;
        height: 250rpx;
        display: block;
      }
  }
  .booking-item-right {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    .booking-title {
      font-weight: bold;
      font-size: 20px;
    }
    .info {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      font-size: 24rpx;
      margin-right: 25rpx;
      font-size: 13px;
    }
    .pricce{
      color: #c00000;
      }
  }
}
// .booking-item {
//   display: flex;
//   padding: 15rpx;
//   border: 1rpx solid #efefef;
//   border-radius: 8rpx;
//   margin: 15rpx;
//   box-shadow: 1rpx 1rpx 15rpx #ddd;
  
//   .BImage {
//     width: 250rpx;
//     height: 250rpx;
//     display: block;
//   }
  
//   .info {
//     display: flex;
//     flex-direction: column;
//     justify-content: space-around;
//     font-size: 24rpx;
//     margin-right: 25rpx;
//   }
  
//   .booking-title {
//     font-weight: bold;
//   }
  
// }
</style>